<#include "../common/_header.htm">
<div class="content-wrapper" style="margin-left: 0px">
	<section class="content">
		<div class="row">
			<div class="bill-right">
				<form id="listForm">
					<div class="box bg_gray">
						<div class="box-header">
							<div class="row RowSearchWork">
								<div class="col-sm-12">
									<div class="form-group">
										<div class="importti">
											<span class="importfont"><span class="sming"></span><span class="smtit">战法说明：该战法主要用于分析多个账号之间的共同交易账号，得出他们在某个时间段内的交易次数、交易金额等各种交易情况</span></span>
										</div>
				                        <div class="form-inline">
				                        	<div class="form-group ml10 form_z">
				                                <label class="control-label">交易日期</label>
				                                <input type="text" class="form-control form_datetime" id="starTime" placeholder="" />
				                            </div>
				                            <div class="form-group form-a">
				                                <label class="control-label hidden-xs refsh"> 至 </label>
				                                <input type="text" class="form-control form_datetime" id="endTime" placeholder="" />
				                            </div>
											<div class="form-group ml10">
												<label class="control-label hidden-xs">关键字</label>
												<input type="text" class="form-control" id="commonAccountRivalNumber" placeholder="共同账户账号/共同账户户名" />
											</div>
				                            <div class="form-group bill-buttonarea ml10" >
												<input type="button" class="btn btn-primary" onclick="queryList();" value="分析" />
												<input type="button" class="btn btn-default" onclick="reset();" value="重置" />
												<input type="button" class="btn btn-primary daobtn" onclick="exportList();" value="导出" />
											</div>

				                        </div>

			                        </div>
								</div>
							</div>
						</div>
						<div class="box-body">
							<div class="casemanage-switchtip">
								<div class="casemanage-zhexiantu " :class="{active:showType==1}" @click="showType=1" onClick="showType(1)" title="切换为列表显示">
									<i class="casemanage-switchtip-list"></i><span>列表</span>
								</div>
								<div class="casemanage-list" :class="{active:showType==0}" @click="showType=0" onClick="showType(0)" title="切换为图表显示">
									<i class="casemanage-switchtip-chart"  id="font_zhexian"></i><span>图表</span>
								</div>
								<div title="切换为关系图显示" data-event="d3Show" class="camanage-list">
									<i class="casemanage-switchtip-d3"></i></i><span>关系图</span>
								</div>
								<input type="hidden" id="showType" value="1"/>
							</div>
	                        <div v-show="!showType" style="height: 300px;margin: 10px 10px 30px;" id="mainShow">
	                            <div id="main" style="height:300px;"></div>
	                        </div>
	                        <div v-show="showType" id="tableShow">
								<div class="box-body table-responsive">
									<div id="spantitle" class="title" style="height: 30px"></div>
									<table id="dg"></table>
								</div>
	                        </div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</section>
</div>
<script type="text/javascript">
	var caseId=parent.caseId;
	 $(window).resize(function(){
		$('#dg').datagrid('resize',{
            height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-20,
		});
	});
	var comAccount = new Vue({
	    el:".row",
	    data:{
	        showType:1
	    }
	});
    function showType(type) {
        if (type==1) {
            $("#showType").val("1");
            $("#tableShow").show();
            $("#mainShow").hide();
            firstTable();
        }else {
            $("#showType").val("0");
            $("#tableShow").hide();
            $("#mainShow").show();
            firstTable();
        }
    }
	var arr = new Array();
	if (parent.parent._checkedAccount){
		_checkedCallback(parent.parent._checkedAccount)
	}
    function _checkedCallback(_checkedAccount) {
        if(_checkedAccount&&_checkedAccount.length>0){
          
        	arr = _checkedAccount.map(m=>{
                return "'"+m.split("_")[1]+"'";
            })
            arr = arr.join(',');
        }
    }
    $('div[data-event=d3Show]').on('click', function() {
    	if(parent.parent._checkedAccount.length < 2){
			 toastr.error("请选择两个或两个以上交易主题名单","提示信息");
			 return false;
		 }
        var showType = $.trim($("#showType").val());
        var commonAccountRivalNumber = $.trim($("#commonAccountRivalNumber").val());
        var accountRival = $.trim($("#accountRival").val());
        var starTime = $.trim($("#starTime").val());
        var endTime = $.trim($("#endTime").val());
        var data = {
            commonAccountRivalNumber : commonAccountRivalNumber,
            accountRival : accountRival,
            checkedAccount:-1,
            cardList : parent.parent._checkedAccount.join(','),
            starTime : starTime,
            endTime : endTime,
            caseId:caseId,
            showType : showType,
            reqUrl : '${ctx}/commonAccount/getCommonAccount_d3'
        }
        if(parent.parent._checkedAccount.length>=1000){
		    data.cardList="-1";//默认超过1000个节点为全选，不需要去后台传数据
        }
    	var d = top.dialog({
            title : '共同账户关系图',
            modal : true,
            data : data,
            url : '${ctx}/commonAccount/getCommonAccountD3Init',
            height : 800,
            width : 1500,
            onshow : function () {
        	}
        });
        d.show();
    	return false;
    });
	$(".form_datetime").datepicker({
	    format: "yyyy-mm-dd",
	    autoclose: true,
	    language:'zh-CN',
	    pickerPosition:"bottom-left"
	});
    var spantitle = $("#spantitle");
	function chickShowType(value){
		 $("#showType").val(value);
		 if(parent.parent._checkedAccount.length < 2){
			 toastr.error("请选择两个或两个以上交易主题名单","提示信息");
			 return false;
		 }
         spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">共同账户</a></span>');
         firstTable();
	};
    function firstTable(){
    	let commonAccountRivalNumber = $.trim($("#commonAccountRivalNumber").val());
        let accountRival = $.trim($("#accountRival").val());
        let starTime = $.trim($("#starTime").val());
        let endTime = $.trim($("#endTime").val());
        let showType = $.trim($("#showType").val());
        $('#dg').datagrid({
			method: 'post',
            url:"${ctx}/commonAccount/getCommonAccount",//请求数据url
            queryParams : {
                commonAccountRivalNumber : commonAccountRivalNumber,
                accountRival : accountRival,
                checkedAccount : parent.parent._checkedAccount.join(','),
                starTime : starTime,
                endTime : endTime,
                caseId:caseId,
                showType : showType
            },
			height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-20,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行
            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'commonAccountRivalNumber',//域值
                    title: '共同账户账号',//标题
                    sortable: false,//启用排序
                    width : '20%'
                },
                {
                    field: 'commonAccountRival',//域值
                    title: '共同账户户名',//标题
                    sortable: false,//启用排序
                    width : '20%'
                },
                {
                    field: 'sumMoney',//域值
                    title: '总金额',//内容
                    sortable: true,//启用排序
                    width : '10%',
                    formatter: function(value, row, index){
                        if(!value) {
                            value = 0;
                        }
                        if (Number.isInteger(value)) {
                            value = value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            value = value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                        var html='<a href="javascript:void(0)" title="单机打开交易详情" onclick="showDetail(\''+row.commonAccountRivalNumber+'\')">'+value+'</a>'
                        return html;
                    }
                },
                {
                    field: 'occurrences',//域值
                    title: '出现次数',//内容
                    sortable: true,//启用排序
                    width : '10%',
                    formatter: function(value, row, index){
                        var html='<a href="javascript:void(0)" title="单机打开交易详情" onclick="showDetail(\''+row.commonAccountRivalNumber+'\')">'+value+'</a>'
                        return html;
                    }
                },
                {
                    field: 'ariseObject',//域值
                    title: '出现对象',//内容
                    width : '10%'
                },

            ]],
            onLoadSuccess: function (result) {
                if(result.showType == 0){
                    var xAxis = result.rows.map(m => m.commonAccountRival);
                    var echarts_data0 = result.rows.map(m => m.occurrences);
                    showEcharts4z('共同账户出现次数',xAxis,echarts_data0,"","","","");
                }
            },
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
	}
    function showDetail(rivalCard){
        spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">共同账户</a></span>').append('<span> > <a class="listap" style="cursor:pointer;" onclick="showDetail(\''+rivalCard+'\')">交易详情</a></span>');
        let accountRival = $.trim($("#accountRival").val());
        let starTime = $.trim($("#starTime").val());
        let endTime = $.trim($("#endTime").val());
        var opt =$('#dg').datagrid('options');
        opt.sortName = "";
        opt.sortOder = "";
        $('#dg').datagrid({
        	method : 'post', // 服务器数据的请求方式 get or post
            url: "${ctx}/commonAccount/billDetails",
            queryParams:{
                accountRivalNumber: rivalCard,
                accountRival: accountRival,
                checkedAccount: parent.parent._checkedAccount.join(','),
                starTime: starTime,
                caseId:caseId,
                endTime: endTime
            },
			height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-20,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行

            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'accountBodyNumber',
                    //域值
                    title: '本人账号',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'accountBody',
                    //域值
                    title: '本人户名',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter:function (value,row) {
                        if (row.BODY_TYPE) {
                            return value+'<span class="badge" style="color: white;">'+row.BODY_TYPE +'</span>';
                        }else {
                            return value
                        }
                    }
                },
                {
                    field: 'accountBodyCard',
                    //域值
                    title: '本人卡号',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter: function(value, row, index){
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'accountRivalNumber',
                    //域值
                    title: '对方账号',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'accountRival',
                    //域值
                    title: '对方户名',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                },
                {
                    field: 'accountRivalCard',
                    //域值
                    title: '对方卡号',
                    //标题
                    visible: true,
                    //false表示不显示
                    sortable: false,
                    //启用排序
                    formatter: function(value, row, index){
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'sign',
                    //域值
                    title: '存取',
                    //内容
                    visible: true,
                    //false表示不显示
                    formatter: function(value, row, index) {
                        if (value) {
                            return '支出';
                        } else {
                            return '收入';
                        }
                    }
                },
                {
                    field: 'accountMoney',
                    //域值
                    title: '发生额',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter:function (value,row,index) {
                        if(!value) return 0;
                        if (Number.isInteger(value)) {
                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                    }
                },
                {
                    field: 'surplusMoney',
                    //域值
                    title: '本次余额',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter:function (value,row,index) {
                        if(!value) return 0;
                        if (Number.isInteger(value)) {
                            return value.toString().replace(/(\d)(?=(\d{3})+$)/g,'$1,');
                        } else {
                            return value.toString().replace(/(\d)(?=(\d{3})+\.)/g,'$1,');
                        }
                    }
                },
                {
                    field: 'tradeDate',
                    //域值
                    title: '交易日期',
                    //内容
                    visible: true,
                    //false表示不显示
                    sortable: true,
                    formatter: function(value, row, index) {
                        return changeDateFormat(value)
                    }
                },
                {
                    field: 'contentAbstract',
                    //域值
                    title: '摘要',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'currency',
                    //域值
                    title: '币种',
                    //内容
                    visible: true,
                    //false表示不显示
                },{
                    field: 'ipAddress',
                    //域值
                    title: 'ip地址',
                    //内容
                    visible: true,
                    //false表示不显示
                },
                {
                    field: 'remarks',
                    //域值
                    title: '交易备注',
                    //内容
                    visible: true,
                    //false表示不显示
                },
            ]],
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
	}
    function showAccountBody(bodynumber) {
        spantitle.append('<span> > <a class="listap" onclick="showAccountBody(\''+bodynumber+'\')" style="cursor:pointer;">'+bodynumber+'</a></span>');
        var opt =$('#dg').datagrid('options');
        opt.sortName = "";
        opt.sortOder = "";
        $('#dg').datagrid({
            method : 'post', // 服务器数据的请求方式 get or post
            url:"${ctx}/bill/stream/bank/body?bodyNumber="+bodynumber+"&casemanageId="+caseId,//请求数据url
			height:($(window).height())-($('.box-header').outerHeight(true))-($('#spantitle').outerHeight(true))-20,
            pagination: true,//允许分页
            rownumbers: true,//行号
            singleSelect: false,//只选择一行
            checkOnSelect: false,
            autoRowHeight : false,//定义是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能。
      fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            pageSize:30,
            pageList:[30,50,100,150,200],
            columns: [[
                {
                    field: 'ACCOUNT_BODY',//域值
                    title: '交易主体',//标题
                    visible: true,//false表示不显示
                    sortable: false,//启用排序
                    width : '10%',
                    formatter:function (value,row) {
                        if (row.BODY_TYPE) {
                            return value+'<span class="badge" style="color: white;">'+row.BODY_TYPE +'</span>';
                        }else {
                            return value
                        }
                    }
                },
                {
                    field: 'ACCOUNT_BODY_NUMBER',//域值
                    title: '交易主体账号',//内容
                    visible: true,//false表示不显示
                    width : '20%'
                },
                {
                    field: 'ACCOUNT_BODY_CARD',//域值
                    title: '交易主体卡号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                },
                {
                    field: 'SIGN',//域值
                    title: '收付标志',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    formatter: function(value, row, index){
                        if(value){
                            return '支出';
                        }else{
                            return '收入';
                        }
                    }
                },
                {
                    field: 'TRADE_DATE',//域值
                    title: '交易时间',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                    formatter: function(value, row, index) {
                        if (value){
                            return changeDateFormat(value)
                        } else {
                            return "";
                        }
                    }
                },
                {
                    field: 'ACCOUNT_RIVAL',//域值
                    title: '交易对手',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_RIVAL_NUMBER',//域值
                    title: '交易对手账号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                    formatter:function (value) {
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'ACCOUNT_RIVAL_CARD',//域值
                    title: '交易对手卡号',//内容
                    visible: true,//false表示不显示
                    width : '20%',
                    formatter:function (value) {
                        if (value){
                            return '<a onclick="showAccountBody(\''+value+'\')" style="cursor:pointer;">'+value+'</a>'
                        }
                    }
                },
                {
                    field: 'ACCOUNT_MONEY',//域值
                    title: '交易金额',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                },
                {
                    field: 'SURPLUS_MONEY',//域值
                    title: '交易后余额',//内容
                    visible: true,//false表示不显示
                    width : '10%',
                    sortable: true,//启用排序
                },
                {
                    field: 'CONTENT_ABSTRACT',//域值
                    title: '摘要',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'TELLER_NUMBER',//域值
                    title: '柜员号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },{
                    field: 'TRADING_ORGANIZATION_NUMBER',//域值
                    title: '交易机构号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },{
                    field: 'INSTITUTION_NUMBER',//域值
                    title: '对方机构号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_BODY_BANK',//域值
                    title: '交易主体归属行',//内容
                    visible: true,//false表示不显示
                    width : '15%'
                },
                {
                    field: 'ACCOUNT_RIVAL_BANK',//域值
                    title: '交易对手归属行',//内容
                    visible: true,//false表示不显示
                    width : '15%'
                },
                {
                    field: 'ACCOUNT_ADDRESS',//域值
                    title: '交易地点',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'ACCOUNT_MODE',//域值
                    title: '交易方式',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'SERIAL_NUMBER',//域值
                    title: '交易流水号',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'MAC_ADDRESS',//域值
                    title: 'MAC地址',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'IP_ADDRESS',//域值
                    title: 'IP地址',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'CURRENCY',//域值
                    title: '币种',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                },
                {
                    field: 'REMARKS',//域值
                    title: '备注',//内容
                    visible: true,//false表示不显示
                    width : '10%'
                }
            ]],
            onLoadSuccess: function (result) {
                $("span").click(function(){
                    $(this).nextAll("span").remove();
                });
            },
            onHeaderContextMenu: function(e, field){
                e.preventDefault();
                if (!cmenu){
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left:e.pageX,
                    top:e.pageY
                });
            }
        });
    }

    spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">共同账户</a></span>');
    window.onload= firstTable;
	function queryList(){
		 var showType = $("#showType").val();
		 if(parent.parent._checkedAccount.length < 1){
			 toastr.error("请选择交易主题名单","提示信息");
			 return false;
		 }
         spantitle.html('<span><a class="listap" style="cursor:pointer;" onclick="queryList()">共同账户</a></span>');
         var opt =$('#dg').datagrid('options');
         opt.sortName = "";
         opt.sortOder = "";
         firstTable();
	 };
	 
	 /* 详情跳转 */
	 function billDetail(commonAccountRivalNumber){
		 base.getView({
			url:"${ctx}/commonAccount/billDetailsGO?accountRivalNumber="+commonAccountRivalNumber+"&caseId="+caseId,
			success:function(result){
				bootbox.dialog({
					message:result,
					size:"large",
					boxCss:{"width":"1270px"},
					closeButton : true
				})
			}
		});
	 };
	 
	 function reset(){
		 $("#commonAccountRivalNumber").val('');
		 $("#commonAccountRival").val('');
		 $("#starTime").val('');
		 $("#endTime").val('');
	 };
	 
	 function exportList(){
    	 // let commonAccountRivalNumber = $.trim($("#commonAccountRivalNumber").val());
    	 // let accountRival = $.trim($("#accountRival").val());
    	 // let starTime = $.trim($("#starTime").val());
    	 // let endTime = $.trim($("#endTime").val());
		 // window.location.href="${ctx}/commonAccount/exportCommonAccount?commonAccountRivalNumber="+commonAccountRivalNumber
			// 	 +"&accountRival="+accountRival+"&starTime="+starTime+"&endTime="+endTime+"&checkedAccount="+parent.parent._checkedAccount.join(',')+"&caseId="+caseId;
         //
		 var xhr = new XMLHttpRequest();
         var url="${ctx}/commonAccount/exportCommonAccount";
         xhr.open('POST', url, true);
         xhr.responseType = "blob";  // 返回类型blob
         // 定义请求完成的处理函数
         xhr.onload = function () {
             // 请求完成
             if (this.status === 200) {
                 var content = this.response;
                 var aTag = document.createElement('a');
                 var blob = new Blob([content]);
                 var headerName = xhr.getResponseHeader("Content-disposition");
                 var fileName = decodeURIComponent(headerName).substring(20);
                 aTag.download = fileName;
                 aTag.href = URL.createObjectURL(blob);
                 aTag.click();
                 URL.revokeObjectURL(blob);
             }
         };
         // 发送ajax请求
         var formdata=new FormData();
         formdata.append("commonAccountRivalNumber",$.trim($("#commonAccountRivalNumber").val()));
         formdata.append("accountRival",$.trim($("#accountRival").val()));
         formdata.append("starTime",$.trim($("#starTime").val()));
         formdata.append("endTime",$.trim($("#endTime").val()));
         formdata.append("checkedAccount",parent.parent._checkedAccount.join(','));
         formdata.append("caseId",caseId);
         xhr.send(formdata);
	 };
    //转换日期格式(时间戳转换为datetime格式)
    function changeDateFormat(cellval) {
        var dateVal = cellval + "";
        if (cellval != null) {
            var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
            var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
            var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
            var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
            return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
        }
    };
    /*列显示下拉框*/
    var cmenu;
    function createColumnMenu(){
        cmenu = $('<div/>').appendTo('body');
        cmenu.menu({
            onClick: function(item){
                if (item.iconCls == 'icon-ok'){
                    $('#dg').datagrid('hideColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-empty'
                    });
                } else {
                    $('#dg').datagrid('showColumn', item.name);
                    cmenu.menu('setIcon', {
                        target: item.target,
                        iconCls: 'icon-ok'
                    });
                }
            }
        });
        var fields = $('#dg').datagrid('getColumnFields');
        for(var i=0; i<fields.length; i++){
            var field = fields[i];
            var col = $('#dg').datagrid('getColumnOption', field);
            cmenu.menu('appendItem', {
                text: col.title,
                name: field,
                iconCls: 'icon-ok'
            });
        }
    };
</script>
<style>
	label.control-label.refsh {
		margin-left: -7px;
	}
	input#commonAccountRivalNumber {
		width:180px;
		height:30px;
		border-radius: 0;
	}
	input#accountRival{
		width: 120px;
		height: 30px;
		border-radius: 0;
	}
	input#starTime{
		width: 120px;
		height: 30px;
		border-radius: 0;
	}
	input#endTime{
		width: 120px;
		height: 30px;
		border-radius: 0;
	}
	input.btn.btn-primary.daobtn{
		background-color: #23B7E5;
		border-color: #23B7E5
	}
	.camanage-list{
		border-radius: 0 4px 4px 0;
	}
	.casemanage-switchtip {
		position: fixed;
		right: -10px;
		top: 52px;
		display: block;
	}
	.box-header{
		padding-top: 0px;
		padding-left: 18px;
	}
	.casemanage-switch {
		margin-right: 50px!important;
	}
	hr{
		margin-right: 15px;
	}
	#hidebg {
		position:absolute;
		left:0px;
		top:0px;
		background-color:#000;
		width: 100%;
		height: 100%;
		filter:alpha(opacity=60);  /*设置透明度为60%*/
		opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
		display:none;
		z-Index:999;
	}
	#hidebox {
		text-align: right;
		position:absolute;
		width: 96%;
		height: 90%;
		top: 23px;
		left: 3%;
		border-radius: 5px;
		background-color:#fff;
		display:none;
		z-Index:9999;
		padding: 10px;
	}
	.outAccount_d3_head {
		float: left;
		font-size: 20px;
	}
	#hidebox span{
		font-size: 20px;
	}
	.form-group.form_z.ml10 {
		margin-right: -4px;
	}
	.form-group.form-a {
		margin-left: 10px;
	}
	label.control-label.hidden-xs {
		font-size: 13px;
		font-weight: 400;
	}
	.form-control{
		font-size: 12px;
	}
	.badge{
		background-color: #f7051f;
	}
	label.control-label {
		font-size: 13px;
		font-weight: 400;
	}
	.box{
		position: static;
	}
	.box-header .row label{
		margin-right: 5px;
		color: #6f7689;
		font-size: 13px;
		font-weight: 400;
	}
	.box-header .form-group{
		margin-right: 15px;
	}
	.bill-buttonarea .btn{
		margin-right: 12px;
		width: 70px;
	}
	.btn-primary:active:focus{
		background-color: #4695ed;
		border-color: #4695ed;
	}
	.casemanage-switch .casemanage-zhexiantu.active {
		background-color: #4695ed;
	}
	.casemanage-switch .casemanage-zhexiantu {
		background-color: #f2f6f9;
		float: left;
		width: 50px;
		height: 35px;
		display: block;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		line-height: 35px;
		text-align: center;
	}
	#font_zhexian{
		color: #C1C2C3;
		font-size: 18px;
	}
	#font_zhexian.active{
		color: #F4F9FE;
	}
	.content {
		padding: 10px;
	}
	.box{
		padding: 0;
		margin-bottom: 0;
	}
	.box-body{
		padding-bottom: 0;
	}
	.box-body .title{
		font-size:14px;
		font-weight:800;
		line-height:30px;
	}
	.box-body .casemanage-switch{
		margin:0;
	}
	.btn-primary{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
		background-color:#61a8f5;
		border-color:#61a8f5;
	}
	.btn-primary.focus, .btn-primary:focus{
		background-color:#4695ed;
		border-color:#4695ed;
	}
	.form-control{
		border-radius:4px;
		border-color: #e4e4e4;
	}
	.input-group .form-control:first-child{
		border-top-right-radius:4px;
		border-bottom-right-radius: 4px;
	}
	.form-control:focus{
		border-color:#4695ed;
	}
	.form-control:hover{
		border-color:#4695ed;
	}
	.showD3 {
		display: inline-block;
		background-color: #F2F6F9;
		width: 50px;
		height: 35px;
	}
	button.btn.btn-primary-fullScreen{
		border: transparent;
		height: 24px;
		background: url(../../../imgs/icon-relative.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block;
		width: 50px;
		height: 35px;
	}
	button.btn.btn-primary.active{
		background-color: #4595ec;
	}
	.btn-primary:active:focus, .btn-primary:active:hover{
		border-color: transparent;
	}
	svg {
		width: 100%;
		height: 97%;
	}

</style>
</body>
</html>